<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=Edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="format-detection" content="telephone=yes">

    <meta content="telephone=yes,email=yes" name="format-detection">
    <!--//自动识别电话号码和邮箱-->

    <meta content="yes" name="apple-mobile-web-app-capable">
    <!--//苹果手机：会删除默认的工具栏和菜单栏，网站开启对web app程序的支持-->
    <meta name="apple-mobile-web-app-status-bar-style" content="default"/>
    <!--//苹果手机：在web app应用下状态条（屏幕顶部条）的颜色,默认值为default（白色），可以定为black（黑色）和black-translucent（灰色半透明）。-->
    <meta name="apple-touch-fullscreen" content="yes"/>
    <!--//苹果手机：如果把一个web app添加到了主屏幕中，那么从主屏幕中打开这个web app则全屏显示-->
    <link rel="apple-touch-icon" href="images/HTML5_Badge_64.png"/>
    <!--//苹果手机：将应用添加到手机主屏幕，会有一个icon可以直接进入-->
    <title>有收入</title>
    <meta name="description" content="">
    <meta name="keywords" content="">
    <!--初始化样式-->
    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" href="css/UploadImg.css">
    <!--共用样式-->
    <link rel="stylesheet" href="css/common.css">
    <!--整个网站的局部样式-->
    <link rel="stylesheet" href="css/style.css">
    <!--适配样式-->
    <link rel="stylesheet" href="css/styleMedia.css">
    <style>
        html, body {
            position: relative;
            overflow-x: hidden;
        }
    </style>


</head>
<body style="background-color: #f4f9fd;">

<!--header begin-->
<header>
    <div id="flexHeader">
        <div class="div1"><a href="index.html"><img src="images/icon_arrow_left.png"></a></div>
        <div class="div2">操作任务（）</div>
        <div class="div3"></div>
        （占时无跳转，当设定淘宝任务类型为“预售任务”）
    </div>
</header>
<!--header end-->


<!--Shop name begin-->
<article class="shop-name height-padding">
    <p>店铺名称</p>
</article>
<!--shop name end -->


<!--Merchant merchandise begin-->
<article class="merchant-merchandise ">
    <div class="businessId">目标商品</div>
    <main>
        <div><img src="images/img_commodity.png"></div>
        <aside>
            <div>商品名称</div>
            <div>搜索展示价格：<span>79元</span></div>
            <div>商品成交价格：<span>79元</span></div>
            <div>件数：<span>1件</span></div>
        </aside>
    </main>
</article>
<!--Merchant merchandise end-->


<!--Task points begin-->
<article class="task-points">
    <p>任务要点</p>
</article>
<!--Task points end-->

<!--task-points-content begin-->
<article class="task-points-content">
    <div>
        <p>任务类型</p>
        <p>213131</p>
    </div>
    <div>
        <p>评价要求</p>
        <p>淘宝账号</p>
    </div>
    <div>
        <p>搜索关键词</p>
        <p>商品名称</p>
    </div>
    <div>
        <aside>
            <a href="#">复制关键词并打开淘宝</a>
        </aside>
    </div>
    <div>
        <p>购买数量</p>
        <p>目标商品1件</p>
    </div>
    <div>
        <p>排序方式</p>
        <p>综合排序</p>
    </div>
    <div>
        <p>所在地区</p>
        <p>全国</p>
    </div>
    <div>
        <p>价格区间</p>
        <p>无需筛选价格</p>
    </div>
    <div>
        <p>规格尺码</p>
        <p></p>
    </div>
    <div>
        <p>订单留言</p>
        <p></p>
    </div>
</article>
<!--task-points-content end-->

<!--Task points begin-->
<article class="task-points">
    <p>专属任务要点</p>
</article>
<!--Task points end-->

<article class="task-points-content">
    <div>
        <p>等级限制</p>
        <p>(*)</p>
    </div>
</article>

<!--Task points begin-->
<article class="task-points">
    <p>商家要求(长按课选择-复制)</p>
</article>
<!--Task points end-->

<article class="task-points-content">
    <div>
        <p>无</p>
    </div>
</article>


<!--Task points begin-->
<article class="task-points">
    <p>注意事项</p>
</article>
<!--Task points end-->

<article class="task-points-content">
    <div class="matters-needing-attention-div">
        <p class="matters-needing-attention">与商家聊天过程中切记不要出现任何“任务，做单，刷单”等词 汇， 要按照正常购物流程和语气进行操作</p>
    </div>
</article>


<!--The goods are compared to the three begin-->
<article class="goods-compared-three">
    <section>货比三家</section>
    <section>
        <p>1.请确认使用已绑定的账号登录淘宝</p>
        <p>2.点击搜索框粘贴制定的关键词</p>
        <p>3.按要求设置筛选价格区间、所在地、类目等搜索条件缩小查询范围，对搜索结果页面截一张图</p>
        <p>4.一次点开列表中的任意2个商品，分别截图，商品浏览要慢慢滑动到详细底部</p>
    </section>
    <section>
        <ul>
            <li>
                <p>搜索结果页</p>
                <p>
                    <div class="fileBtn">
                        <p>+</p>
                        <input id="fileBtn" type="file" onchange="upload();" accept="image/*" capture="camera" multiple="multiple"/>
                        <!--单张图片容器-->
                        <img src="" id="img"/>
                    </div>
                </p>
            </li>
            <li>
                <p>任意商品1&nbsp;&nbsp;&nbsp;</p>
                <p>
                    <div class="fileBtn">
                        <p>+</p>
                        <input id="fileBtn1" type="file" onchange="upload1();" accept="image/*" capture="camera" multiple="multiple"/>
                        <!--单张图片容器-->
                        <img src="" id="img1"/>
                    </div>
                </p>
            </li>
            <li>
                <p>任意商品2&nbsp;&nbsp;&nbsp;</p>
                <p>
                    <div class="fileBtn">
                        <p>+</p>
                        <input id="fileBtn2" type="file" onchange="upload2();" accept="image/*" capture="camera" multiple="multiple"/>
                        <!--单张图片容器-->
                        <img src="" id="img2"/>
                    </div>
                </p>
            </li>
        </ul>
        <!--click update img-->
        <aside>
            <a href="#">选图后点击这里上传</a>
        </aside>
    </section>
</article>
<!--The goods are compared to the three end-->

<!--Modify shop name begin-->
<article class="modify-shop-name">
    <section><p>店铺名：</p><span>**封底家纺工****</span></section>
    <section>
        <div><input type="text" value=""></div>
        <div><input type="text" value="封"></div>
        <div><input type="text" value="封"></div>
        <div><input type="text" value="封"></div>
        <div><input type="text" value="封"></div>
        <div><input type="text" value=""></div>
        <div><input type="text" value=""></div>
        <div><input type="text" value=""></div>
    </section>
    <section>
        <aside>
            <a href="#">补全后点我核对</a>
        </aside>
    </section>
</article>
<!--Modify shop name end-->


<!--Next step begin -->
<article class="next-step">
    <section>
        <p>找到目标店铺后，将店铺中空缺的部分补全，一个输入框填写 一个字符。</p>
        <p>如有问题，请联系客服微信，备注-店铺核对问题-（微信号在 首页）</p>
        <p>由于部分商铺名称相似，请仔细核对，确保下单的店铺名和要 求的完全一致才能操作。</p>
        <p>拍错店铺需自行承担损失</p>
        <p>(旗舰店≠专营店≠专卖店≠XX店)</p>
    </section>
    <section>
        <aside>
            <a href="#">下一步</a>
        </aside>
    </section>
</article>
<!--Next step end-->


<!--js-->
<script src="js/UploadImg.js"></script>

</body>
</html>